// 登陆样式
class style {
    constructor() {
        this.jump();
        this.showHide();
        this.intWord();
        this.change();
        this.Registered();
        this.yanzhengma();
    }
    showHide() {
        $('header .nav>div').on('mouseenter', function () {
            $('header .nav .change').stop().slideDown();
            $('header .nav span').css({
                color: "#ff6a00"
            })
            $('header .nav .iconfont').removeClass('icon-xia').addClass('icon-shang');
        })
        $('header .nav>div').on('mouseleave', function () {
            $('header .nav .change').stop().slideUp();
            $('header .nav span').css({
                color: "#999999"
            })
            $('header .nav .iconfont').removeClass('icon-shang').addClass('icon-xia');
        })
        $('section .content .code,.icon-erweima').on('mouseenter', function () {
            $('section .content .code').css('opacity', '1');
            $('.content .scan').stop().fadeIn();
        })
        $('section .content .code,.icon-erweima').on('mouseleave', function () {
            $('section .content .code').css('opacity', '.5');
            $('.content .scan').stop().fadeOut();
        })

    }
    // 登陆
    intWord() {
        $('.content .login .id').on('focus', function () {
            $('.content .login .id').css({
                border: '2px solid #ff6a00',
                transition: 'color .3s',
                padding: '0'
            });
            $('.content .login .id').attr('placeholder', '');
        })
        $('.content .login .id').on('blur', function () {
            $('.content .login .id').css({
                border: 'none',
                transition: 'color .3s',
                padding: '2px'
            })
            $('.content .login .id').attr('placeholder', '请输入账号');
            if ($('.content .login .id').val() == '') {
                $('.content .login .prompt').eq(0).fadeIn();
            } else if ($('.content .login .id').val() != '') {
                $('.content .login .prompt').eq(0).fadeOut();
            }
        })


        $('.content .login .pwd').on('focus', function () {
            $('.content .login .pwd').css({
                border: '2px solid #ff6a00',
                transition: 'color .3s',
                padding: '0'
            })
            $('.content .login .pwd').attr('placeholder', '');
        })
        $('.content .login .pwd').on('blur', function () {
            $('.content .login .pwd').css({
                border: 'none',
                transition: 'color .3s',
                padding: '2px'
            })
            $('.content .login .pwd').attr('placeholder', '请输入密码');
            if ($('.content .login .pwd').val() == '') {
                $('.content .login .prompt').eq(1).fadeIn();
            } else if ($('.content .login .pwd').val() != '') {
                $('.content .login .prompt').eq(1).fadeOut();
            }

        })
        let flag = 0;
        $('.content .login .pwdFather .iconfont').on('click', function () {

            if (flag == 0) {
                $('.content .login .pwdFather .iconfont').removeClass('icon-yincang').addClass('icon-xianshi');
                $('.content .login .pwdFather input').attr('type', 'text');
                flag = 1;
            } else if (flag == 1) {
                $('.content .login .pwdFather .iconfont').removeClass('icon-xianshi').addClass('icon-yincang');
                $('.content .login .pwdFather input').attr('type', 'password');
                flag = 0;
            }
        })


    }
    // 切换登陆注册
    change() {
        $('section .content .dl').on('click', function () {
            $('section .content .dl a').addClass('choose');
            $('section .content .zc a').removeClass('choose');
            $('.content .login').animate({
                left: '10%'
            }, 'fast')
            $('.content .registered').animate({
                left: '100%'
            }, 'fast')

        })
        $('section .content .zc').on('click', function () {
            $('section .content .dl a').removeClass('choose');
            $('section .content .zc a').addClass('choose');
            $('.content .login').animate({
                left: '-77%'
            }, 'fast')
            $('.content .registered').animate({
                left: '10%'
            }, 'fast')
        })
        let flag = 0;
        $('section .content .code,.icon-erweima').on('click', function () {
            if (flag == 0) {
                $('.content .scan').html('密码登陆<span></span>')
                $('.content .login,.content .registered,.content .dl,.content .zc').css({
                    'display': 'none'
                })
                $('.content .phone').css({
                    'display': 'block'
                })
                flag = 1;
            } else if (flag == 1) {
                $('.content .scan').html('扫码登陆<span></span>')
                $('.content .login,.content .registered,.content .dl,.content .zc').css({
                    'display': 'block'
                })
                $('.content .phone').css({
                    'display': 'none'
                })
                flag = 0;
            }
        })
    }
    // 注册
    Registered() {
        // 账号
        $('.content .registered .id').on('focus', function () {
            $('.content .registered .id').css({
                border: '2px solid #ff6a00',
                transition: 'color .3s',
                padding: '0'
            });
            $('.content .registered .id').attr('placeholder', '');
        })
        $('.content .registered .id').on('blur', function () {
            $('.content .registered .id').css({
                border: 'none',
                transition: 'color .3s',
                padding: '2px'
            })
            $('.content .registered .id').attr('placeholder', '请重新输入账号');
            if ($('.content .registered .id').val() == '') {
                $('.content .registered .prompt').eq(0).html('账号不能少于六位');
                $('.content .registered .prompt').eq(0).fadeIn();
            } else if ($('.content .registered .id').val() != '') {
                $('.content .registered .prompt').eq(0).fadeOut();
            }
        })
        // 密码
        $('.content .registered .pwd').on('focus', function () {
            $('.content .registered .pwd').css({
                border: '2px solid #ff6a00',
                transition: 'color .3s',
                padding: '0'
            });
            $('.content .registered .pwd').attr('placeholder', '');
        })
        $('.content .registered .pwd').on('blur', function () {
            $('.content .registered .pwd').css({
                border: 'none',
                transition: 'color .3s',
                padding: '2px'
            })
            $('.content .registered .pwd').attr('placeholder', '请重新输入密码');
            if ($('.content .registered .pwd').val() == '') {
                $('.content .registered .prompt').eq(1).fadeIn();
            } else if ($('.content .registered .pwd').val() != '') {
                $('.content .registered .prompt').eq(1).fadeOut();
            }
        })
        // 密码确认
        $('.content .registered .determine').on('focus', function () {
            $('.content .registered .determine').css({
                border: '2px solid #ff6a00',
                transition: 'color .3s',
                padding: '0'
            });
            $('.content .registered .determine').attr('placeholder', '');
        })
        $('.content .registered .determine').on('blur', function () {
            $('.content .registered .determine').css({
                border: 'none',
                transition: 'color .3s',
                padding: '2px'
            })
            $('.content .registered .determine').attr('placeholder', '请核查密码');
            if ($('.content .registered .determine').val() != $('.content .registered .pwd').val()) {
                $('.content .registered .prompt').eq(2).fadeIn();
            } else if ($('.content .registered .determine').val() === $('.content .registered .pwd').val()) {
                $('.content .registered .prompt').eq(2).fadeOut();
            }
        })

    }
    // 验证码
    yanzhengma() {
        let arr = [];
        function getRandom(min, max) {
            return Math.round(Math.random() * (max - min)) + min;
        };
        let x;
        let newStr
        function getNum() {
            for (let i = 0; i < 4; i++) {

                if (Math.random() < 1 / 3) {
                    x = getRandom(48, 57);
                } else if (Math.random() < 2 / 3) {
                    x = getRandom(65, 90);
                } else {
                    x = getRandom(97, 122);
                }
                arr[i] = x;
            }
            newStr = String.fromCharCode(arr[0], arr[1], arr[2], arr[3]);
            $('.content .registered .verify').html(newStr);
        }

        function getColor() {
            var str = "0123456789abcdef";
            var color = "#";
            for (var j = 0; j < 6; j++) {
                color += str.charAt(getRandom(0, 15));
            }
            $('.content .registered .verify').css({
                backgroundColor: color
            })
        }
        $('.content .registered .again').on('click', function () {
            getNum();
            getColor();
            if ($('.content .registered .ver').val() != newStr) {
                $('.content .registered .prompt').eq(3).fadeIn();
            } else if ($('.content .registered .ver').val() == newStr) {
                $('.content .registered .prompt').eq(3).fadeOut();
            }
        })
        getNum();
        getColor();

        // 验证码确认
        $('.content .registered .ver').on('focus', function () {
            $('.content .registered .ver').css({
                border: '2px solid #ff6a00',
                transition: 'color .3s',
                padding: '0'
            });
            $('.content .registered .ver').attr('placeholder', '');
        })
        $('.content .registered .ver').on('blur', function () {
            $('.content .registered .ver').css({
                border: 'none',
                transition: 'color .3s',
                padding: '2px'
            })
            $('.content .registered .ver').attr('placeholder', '验证码');
            if ($('.content .registered .ver').val() != newStr) {
                $('.content .registered .prompt').eq(3).fadeIn();
            } else if ($('.content .registered .ver').val() == newStr) {
                $('.content .registered .prompt').eq(3).fadeOut();
            }
        })

    }
    jump(){
       let ss=sessionStorage.getItem('to');
       if(ss=='1'){
        $(function(){
            $('.content .zc').click();
        })
          
       }
    }
}
new style();


// 注册数据库
class database {
    constructor() {
        this.getId();
    }
    // 注册
    getId() {
        this.setId();
        this.newId()
    }
    setId() {
        $('.content .registered .id').on('blur', function () {
            let regName = /^\w{6,20}$/;
            let str = $(this).val();
            if (regName.test(str)) {
                $('.content .registered .prompt').eq(0).fadeOut();
                // 传后端验证账号
                $.post('../php/registered.php', { name: str }, function (data) {
                    if (data == 'false') {
                        $('.content .registered .prompt').eq(0).html('账号已存在');
                        $('.content .registered .prompt').eq(0).fadeIn();
                    } else if (data == 'true') {
                        $('.content .registered .prompt').eq(0).fadeOut();
                    }
                })
            } else {
                $('.content .registered .prompt').eq(0).html('账号不能少于六位');
                $('.content .registered .prompt').eq(0).fadeIn();
            }
        })
    }

    newId() {
        let flag = false;

        // 提交按钮样式
        $('.content').on('mousemove', function () {
            if (flag == true) {
                $('.content .registered .submit').css({
                    opacity: 1
                });
            } else if (flag == false) {
                $('.content .registered .submit').css({
                    opacity: .5
                });
            }
            for (let i = 0; i < $('.content .registered .prompt').length; i++) {
                if ($('.content .registered .prompt').eq(i).is(":hidden") == true) {
                    flag = true;
                } else {
                    flag = false;
                }
            }
            if ($('.content .registered .box').is(':checked') && $('.content .registered input').val() != '') {
                flag = true;
            } else {
                flag = false;
            }
        })
        $('.content .registered .submit').on('click', function () {
            if (flag == true) {
                // 成功注册
                $('.content .registered .submit').attr("disabled", false);

                let a = $('.content .registered .id').val();
                let b = $('.content .registered .pwd').val();

                $.post('../php/newRegistered.php', { newId: a, newPwd: b }, function (data) {
                    console.log(data);
                });
                alert('注册成功！');
                $('.content .dl').click();
                $('.content .registered input').val('');
            } else if (flag == false) {
                // 不可提交
                $('.content .registered .submit').attr("disabled", true);
            }
        })
    }
}
new database();



// 登陆数据库
class login {
    constructor() {
        this.verification();
        this.last();
    }
    // 验证账号
    verification() {
        $('.content .login .id').on('blur', function () {
            let str = $(this).val();
            $.post('../php/login.php', { name: str }, function (data) {
                if (data == 'true') {
                    $('.content .login .prompt').eq(0).fadeOut();
                } else if (data == 'false') {
                    $('.content .login .prompt').eq(0).fadeIn();
                    $('.content .login .prompt').eq(0).html('账号不存在');
                }
            })
        })
    }
    // 验证账号密码
    last() {
        let flag = false;
        // 不可登陆
        $('.content .login .submit').attr("disabled", true).css({
            opacity: .5
        });
        // 判断 提交按钮样式
        $('.content').on('mousemove', function () {
            for (let i = 0; i < $('.content .login .prompt').length; i++) {
                if ($('.content .login .prompt').eq(i).is(":hidden") == true) {
                    flag = true;
                } else {
                    flag = false;
                }
                if ($('.content .login input').eq(i).val() != '') {
                    flag = true;
                } else {
                    flag = false;
                }
            }
            if (flag == true) {
                $('.content .login .submit').attr("disabled", false).css({
                    opacity: 1
                });
            } else if (flag == false) {
                $('.content .login .submit').attr("disabled", true).css({
                    opacity: .5
                });
            }
        })

        // 提交
        $('.content .login .submit').on('click', function () {
            //  判定注册

            let a = $('.content .login .id').val();
            let b = $('.content .login .pwd').val();
            let save=JSON.stringify({'id':a,'pwd':b})
            $.post('../php/getLogin.php', { newId: a, newPwd: b }, function (data) {
                if (data == 'true') {
                    $('.content .login .prompt').eq(1).fadeOut();
                    //    sessionStorage.setItem('pass', save);
                       setCookie('pass', save);
                    alert('登陆成功！');
                    // 七日免登陆
                    if ($('.content .login .box').is(':checked')) {
                        setCookieTime('pass', save , 7);
                       // localStorage.setItem('pass', save);
                    }
                    //  else {
                    //     localStorage.removeItem('pass');
                    // }
                    $('.title img').click();
                } else if (data == 'false') {
                    // 不可提交
                    $('.content .login .submit').attr("disabled", true).css({
                        opacity: .5
                    });
                    $('.content .login .prompt').eq(1).html('账号密码不匹配').fadeIn();
                }
            });
        })
    }
}
new login();

// console.log( localStorage.getItem('pass'));
// {"id":"123","pwd":"456"}



